<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		
        <title>主页</title>
		
        <!-- All Plugins Css -->
        <link href="assets/css/plugins.css" rel="stylesheet">
		 

        <!-- Custom CSS -->
        <link href="assets/css/styles.css" rel="stylesheet">
    </head>
	
    <body class="blue-skin">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="Loader"></div>
		
        <!-- ============================================================== -->
        <!-- Main wrapper - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <div id="main-wrapper">
		
            <!-- ============================================================== -->
            <!-- Top header  -->
            <!-- ============================================================== -->
            <!-- Start Navigation -->
			<div class="header header-light">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">
							<nav id="navigation" class="navigation navigation-landscape">
								<div class="nav-header">
									<a class="nav-brand" href="#">
										<img src="assets/img/logo.png" class="logo" alt="" />
									</a>
									<div class="nav-toggle"></div>
								</div>
								<div class="nav-menus-wrapper">
									<ul class="nav-menu">
									
										<li class="active"><a href="#">主页<span class="submenu-indicator"></span></a>
										</li>
										
										<li><a href="study.html">学习主题<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="item-detail.html">Java</a></li>   
												<li><a href="item-detail.html">Java Script</a></li>
												<li><a href="item-detail.html">C</a></li>
												<li><a href="item-detail.html">C#</a></li>
												<li><a href="item-detail.html">C++</a></li>
												<li><a href="item-detail.html">Python</a></li>
											</ul>
										</li>
										<li><a href="reviews.html">精品文章</a></li>
										<li><a href="faq.html">问题与解答</a></li>
										<li><a href="#">金牌讲师<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="dashboard.html">mxt</a></li> 
											</ul>
										</li>
										<li><a href="#">其他<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="about.html">关于我们</a></li>
												<li><a href="login.html">登录</a></li>
												<li><a href="signup.html">注册</a></li>
												<li><a href="wallets.html">数据表</a></li>
												<li><a href="user.html">个人信息</a></li>
											</ul>
										</li>
									</ul>
									<ul class="nav-menu nav-menu-social align-to-right">
										<li class="add-listing green-bg">
											<a href="#" data-toggle="modal" data-target="#login">
												 <i class="ti-user mr-1"></i> 登录
											</a>
										</li>
									</ul>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</div>
			<!-- End Navigation -->
			<div class="clearfix"></div>
			<!-- ============================================================== -->
			<!-- Top header  -->
			<!-- ============================================================== -->
			
			
			<!-- ============================ Hero Banner  Start================================== -->
			<div class="hero-banner center" style="background:#93d4f0;">
				<div class="container">
					<h1><span class="count">2147483647</span> 用户 学习 & 交流</h1>
					<p class="lead">纯引战：Java是世界上最棒的语言</p>
					<form class="mt-4">
						<div class="row justify-content-center">
							<div class="col-lg-8 col-md-10 col-sm-12">
								<div class="banner-search style-1">
									<div class="input-group">
										<div class="input-group-append hime_m">
											<div class="form-group b-r">
												<select id="category" class="js-states form-control">
													<option value="">&nbsp;</option>
													<option value="1">Java</option>
													<option value="2">JavaScript</option>
													<option value="3">C</option>
													<option value="4">C#</option>
													<option value="5">C++</option>
													<option value="6">Python</option>
												</select>
											</div>
										</div>
										<input type="text" class="form-control lio-rad" placeholder="搜索">
										<div class="input-group-append">
											<button type="button" class="btn bt-round"><i class="ti-search"></i></button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
			<!-- ============================ Hero Banner End ================================== -->
			
			<!-- ============================ Category Section Start ==================================== -->
			<section class="p-0 overlio-top">
				<div class="container">
					<div class="row">
										
						<!-- Single Category -->
						<div class="col-lg-3 col-md-3 col-sm-6">
							<div class="urip_cated shadow">
								<div class="urip_cated_avater">
									<img src="assets/img/eclipse.jpg" class="img-fluid" alt="" />
								</div>
								<div class="urip_cated_caps">
									<h3 class="cats_urip_title"><a href="#">Eclipse</a></h3>
									<span>233k Download</span>
								</div>
							</div>
						</div>
						
						<!-- Single Category -->
						<div class="col-lg-3 col-md-3 col-sm-6">
							<div class="urip_cated shadow">
								<div class="urip_cated_avater">
									<img src="assets/img/idea.jpg" class="img-fluid" alt="" />
								</div>
								<div class="urip_cated_caps">
									<h3 class="cats_urip_title"><a href="#">Idea</a></h3>
									<span>666k Items</span>
								</div>
							</div>
						</div>
						
						<!-- Single Category -->
						<div class="col-lg-3 col-md-3 col-sm-6">
							<div class="urip_cated shadow">
								<div class="urip_cated_avater">
									<img src="assets/img/hbulider.jpg" class="img-fluid" alt="" />
								</div>
								<div class="urip_cated_caps">
									<h3 class="cats_urip_title"><a href="#">Hbulider</a></h3>
									<span>199k Items</span>
								</div>
							</div>
						</div>
						
						<!-- Single Category -->
						<div class="col-lg-3 col-md-3 col-sm-6">
							<div class="urip_cated shadow">
								<div class="urip_cated_avater">
									<img src="assets/img/shopify.svg" class="img-fluid" alt="" />
								</div>
								<div class="urip_cated_caps">
									<h3 class="cats_urip_title"><a href="#">shopify</a></h3>
									<span>10k Items</span>
								</div>
							</div>
						</div>
								
					</div>
				</div>
			</section>
			<!-- ============================ Category Section End ==================================== -->

			<!-- ============================ Newest Designs Start ==================================== -->
			<section class="min-sec">
				<div class="container">
				
					<div class="row justify-content-center">
						<div class="col-lg-7 col-md-9">
							<div class="sec-heading">
								<h2>查看精品课程</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
						</div>
					</div>
					
					<div class="row">
						<div class="col-lg-12 col-md-12">
							<div class="product_879_list">
								<button class="_uy98p active">All categories</button>
								<button class="_uy98p">HTML Designs</button>
								<button class="_uy98p">WP Themes</button>
								<button class="_uy98p">CMS Themes</button>
								<button class="_uy98p">eCommerce</button>
								<button class="_uy98p">Blogging</button>
								<button class="_uy98p">UI Templates</button>
							</div>
						</div>
					</div>
					
					<div class="row">
						<!-- Single Items -->
						<div class="col-lg-4 col-md-6">
							<div class="item_group">
								<img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
								<div class="item_group_thumb">
									<a href="item-detail.html" class="item-figure">
										<img src="assets/img/preview-1.jpg" class="img-fluid" alt="" />
									</a>
								</div>
								<div class="item_group_caption">
									<h3 class="item_title_bmb"><a href="item-detail.html">Listly - Business Directory & Listings HTML Template</a></h3>
									<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Business</a></div>
									
									<div class="item_inner-caption">
										<div class="inner-caption_flex">
											<div class="items_slaes">00 Sales</div>
											<div class="items_price">$24</div>
										</div>
										<div class="item_inner-last">
											<div class="item_list_links">
												<a href="item-detail.html" class="link link_prview">Preview</a>
												<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
												<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<!-- Single Items -->
						<div class="col-lg-4 col-md-6">
							<div class="item_group">
								<div class="item_group_thumb">
									<a href="item-detail.html" class="item-figure">
										<img src="assets/img/preview-2.jpg" class="img-fluid" alt="" />
									</a>
								</div>
								<div class="item_group_caption">
									<h3 class="item_title_bmb"><a href="item-detail.html">JobVivo - Job Board & Freelancers HTML Template</a></h3>
									<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
									
									<div class="item_inner-caption">
										<div class="inner-caption_flex">
											<div class="items_slaes">03 Sales</div>
											<div class="items_price">$32</div>
										</div>
										<div class="item_inner-last">
											<div class="item_list_links">
												<a href="item-detail.html" class="link link_prview">Preview</a>
												<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
												<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<!-- Single Items -->
						<div class="col-lg-4 col-md-6">
							<div class="item_group">
								<div class="item_group_thumb">
									<a href="item-detail.html" class="item-figure">
										<img src="assets/img/preview-3.jpg" class="img-fluid" alt="" />
									</a>
								</div>
								<div class="item_group_caption">
									<h3 class="item_title_bmb"><a href="item-detail.html">LearnUp - Online Cources & LMS HTML Template</a></h3>
									<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Sk Designs</a><span> in </span><a class="cate_mnb" href="#">Education</a></div>
									
									<div class="item_inner-caption">
										<div class="inner-caption_flex">
											<div class="items_slaes">10 Sales</div>
											<div class="items_price">$22</div>
										</div>
										<div class="item_inner-last">
											<div class="item_list_links">
												<a href="item-detail.html" class="link link_prview">Preview</a>
												<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
												<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<!-- Single Items -->
						<div class="col-lg-4 col-md-6">
							<div class="item_group">
								<div class="item_group_thumb">
									<a href="item-detail.html" class="item-figure">
										<img src="assets/img/preview-4.jpg" class="img-fluid" alt="" />
									</a>
								</div>
								<div class="item_group_caption">
									<h3 class="item_title_bmb"><a href="item-detail.html">Odex - Grocery & Organic Food HTML Template </a></h3>
									<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">eCommerce</a></div>
									
									<div class="item_inner-caption">
										<div class="inner-caption_flex">
											<div class="items_slaes">03 Sales</div>
											<div class="items_price">$20</div>
										</div>
										<div class="item_inner-last">
											<div class="item_list_links">
												<a href="item-detail.html" class="link link_prview">Preview</a>
												<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
												<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<!-- Single Items -->
						<div class="col-lg-4 col-md-6">
							<div class="item_group">
								<img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
								<div class="item_group_thumb">
									<a href="item-detail.html" class="item-figure">
										<img src="assets/img/preview-5.jpg" class="img-fluid" alt="" />
									</a>
								</div>
								<div class="item_group_caption">
									<h3 class="item_title_bmb"><a href="item-detail.html">Resido - Real Estate & Property HTML Template</a></h3>
									<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Business</a></div>
									
									<div class="item_inner-caption">
										<div class="inner-caption_flex">
											<div class="items_slaes">02 Sales</div>
											<div class="items_price">$21</div>
										</div>
										<div class="item_inner-last">
											<div class="item_list_links">
												<a href="item-detail.html" class="link link_prview">Preview</a>
												<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
												<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<!-- Single Items -->
						<div class="col-lg-4 col-md-6">
							<div class="item_group">
								<div class="item_group_thumb">
									<a href="item-detail.html" class="item-figure">
										<img src="assets/img/preview-6.jpg" class="img-fluid" alt="" />
									</a>
								</div>
								<div class="item_group_caption">
									<h3 class="item_title_bmb"><a href="item-detail.html">Unico - Multipurpose Business & Corporate HTML Template</a></h3>
									<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">DK Themes</a><span> in </span><a class="cate_mnb" href="#">Corporate</a></div>
									
									<div class="item_inner-caption">
										<div class="inner-caption_flex">
											<div class="items_slaes">12 Sales</div>
											<div class="items_price">$36</div>
										</div>
										<div class="item_inner-last">
											<div class="item_list_links">
												<a href="item-detail.html" class="link link_prview">Preview</a>
												<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
												<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
					</div>
					
				</div>
			</section>
			<!-- ============================ Newest Designs End ==================================== -->
			
			<!-- ============================ Featured Themes Start ==================================== -->
			<section class="light-w">
				<div class="container">
				
					<div class="row justify-content-center">
						<div class="col-lg-7 col-md-9">
							<div class="sec-heading">
								<h2>Featured Themes of The Month</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
						</div>
					</div>
					
					<div class="row">
						<div class="col-lg-12 col-md-12">
							<div class="owl-carousel owl-theme middle-arrow-hover" id="theme-slide">
							
								<!-- Single Items -->
								<div class="themes-slides">
									<div class="item_group shadow-0 m-0">
										<img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
										<div class="item_group_thumb">
											<a href="item-detail.html" class="item-figure">
												<img src="assets/img/preview-13.jpg" class="img-fluid" alt="" />
											</a>
										</div>
										<div class="item_group_caption">
											<h3 class="item_title_bmb"><a href="item-detail.html">Travlio - Travel & Booking HTML Template</a></h3>
											<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Booking</a></div>
											<div class="item_rating">
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<span class="rat-info_cvl">(48 Reviews)</span>
											</div>
											
											<div class="item_inner-caption">
												<div class="inner-caption_flex">
													<div class="items_slaes">112k Sales</div>
													<div class="items_price">$24</div>
												</div>
												<div class="item_inner-last">
													<div class="item_list_links">
														<a href="item-detail.html" class="link link_prview">Preview</a>
														<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
														<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
								<!-- Single Items -->
								<div class="themes-slides">
									<div class="item_group shadow-0 m-0">
										<div class="item_group_thumb">
											<a href="item-detail.html" class="item-figure">
												<img src="assets/img/preview-8.jpg" class="img-fluid" alt="" />
											</a>
										</div>
										<div class="item_group_caption">
											<h3 class="item_title_bmb"><a href="item-detail.html">Job Stock - Job Board & Freelancers HTML Template</a></h3>
											<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
											<div class="item_rating">
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<span class="rat-info_cvl">(42 Reviews)</span>
											</div>
											
											<div class="item_inner-caption">
												<div class="inner-caption_flex">
													<div class="items_slaes">12k Sales</div>
													<div class="items_price">$32</div>
												</div>
												<div class="item_inner-last">
													<div class="item_list_links">
														<a href="item-detail.html" class="link link_prview">Preview</a>
														<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
														<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
								<!-- Single Items -->
								<div class="themes-slides">
									<div class="item_group shadow-0 m-0">
										<div class="item_group_thumb">
											<a href="item-detail.html" class="item-figure">
												<img src="assets/img/preview-9.jpg" class="img-fluid" alt="" />
											</a>
										</div>
										<div class="item_group_caption">
											<h3 class="item_title_bmb"><a href="item-detail.html">Verio - Property & Real Estate HTML Template</a></h3>
											<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Sk Designs</a><span> in </span><a class="cate_mnb" href="#">Education</a></div>
											<div class="item_rating">
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<span class="rat-info_cvl">(40 Reviews)</span>
											</div>
											
											<div class="item_inner-caption">
												<div class="inner-caption_flex">
													<div class="items_slaes">110k Sales</div>
													<div class="items_price">$22</div>
												</div>
												<div class="item_inner-last">
													<div class="item_list_links">
														<a href="item-detail.html" class="link link_prview">Preview</a>
														<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
														<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
								<!-- Single Items -->
								<div class="themes-slides">
									<div class="item_group shadow-0 m-0">
										<div class="item_group_thumb">
											<a href="item-detail.html" class="item-figure">
												<img src="assets/img/preview-10.jpg" class="img-fluid" alt="" />
											</a>
										</div>
										<div class="item_group_caption">
											<h3 class="item_title_bmb"><a href="item-detail.html">Rikada - Real Estate HTML Template </a></h3>
											<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
											<div class="item_rating">
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<span class="rat-info_cvl">(87 Reviews)</span>
											</div>
											
											<div class="item_inner-caption">
												<div class="inner-caption_flex">
													<div class="items_slaes">69k Sales</div>
													<div class="items_price">$20</div>
												</div>
												<div class="item_inner-last">
													<div class="item_list_links">
														<a href="item-detail.html" class="link link_prview">Preview</a>
														<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
														<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
								<!-- Single Items -->
								<div class="themes-slides">
									<div class="item_group shadow-0 m-0">
										<img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
										<div class="item_group_thumb">
											<a href="item-detail.html" class="item-figure">
												<img src="assets/img/preview-11.jpg" class="img-fluid" alt="" />
											</a>
										</div>
										<div class="item_group_caption">
											<h3 class="item_title_bmb"><a href="item-detail.html">Virasat - Multipurpose One Page HTML Template</a></h3>
											<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Business</a></div>
											<div class="item_rating">
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<span class="rat-info_cvl">(69 Reviews)</span>
											</div>
											
											<div class="item_inner-caption">
												<div class="inner-caption_flex">
													<div class="items_slaes">12k Sales</div>
													<div class="items_price">$21</div>
												</div>
												<div class="item_inner-last">
													<div class="item_list_links">
														<a href="item-detail.html" class="link link_prview">Preview</a>
														<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
														<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
								<!-- Single Items -->
								<div class="themes-slides">
									<div class="item_group shadow-0 m-0">
										<div class="item_group_thumb">
											<a href="item-detail.html" class="item-figure">
												<img src="assets/img/preview-12.jpg" class="img-fluid" alt="" />
											</a>
										</div>
										<div class="item_group_caption">
											<h3 class="item_title_bmb"><a href="item-detail.html">WorkIn - Awesome Job Board HTML Template</a></h3>
											<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">DK Themes</a><span> in </span><a class="cate_mnb" href="#">Corporate</a></div>
											<div class="item_rating">
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<i class="fa fa-star filled"></i>
												<span class="rat-info_cvl">(45 Reviews)</span>
											</div>
											
											<div class="item_inner-caption">
												<div class="inner-caption_flex">
													<div class="items_slaes">76k Sales</div>
													<div class="items_price">$36</div>
												</div>
												<div class="item_inner-last">
													<div class="item_list_links">
														<a href="item-detail.html" class="link link_prview">Preview</a>
														<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
														<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
							</div>
						</div>
					</div>
					
				</div>
			</section>
			<!-- ============================ Featured Themes End ==================================== -->
			
			<!-- ============================ News Updates Start ==================================== -->
			<section class="min-sec">
				<div class="container">
				
					<div class="row justify-content-center">
						<div class="col-lg-7 col-md-9">
							<div class="sec-heading">
								<h2>Latest Updates & News</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
						</div>
					</div>
					
					<div class="row">
								
						<!-- Single Slide -->
						<div class="col-lg-4 col-md-4 col-sm-12">
							<div class="articles_grid_style style-2">
								<div class="articles_grid_thumb">
									<a href="blog-detail.html"><img src="assets/img/b-1.jpg" class="img-fluid" alt=""></a>
								</div>
								
								<div class="articles_grid_caption">
									<div class="mpd-date-wraps">					
										<span class="mpd-meta-date">10</span>
										<span class="mpd-meta-month">Jul</span>
									</div>
									<div class="blog-grid-cat">Business</div>
									<h4>The National Minimum wage is an important part</h4>
									<div class="articles_grid_desc">
										<p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
									</div>
								</div>
								
								<div class="articles_grid_caption-footer">
									<div class="articles_grid_author">
										<div class="articles_grid_author_img"><img src="assets/img/user-2.jpg" class="img-fluid" alt=""></div>
										<h4>Mithali Malhotra</h4>
									</div>
									<div class="footer-flex-last">
										<a href="blog-detail.html" class="bl-detail-view">Read More</a>
									</div>
								</div>
								
							</div>
						</div>
						
						<!-- Single Slide -->
						<div class="col-lg-4 col-md-4 col-sm-12">
							<div class="articles_grid_style style-2">
								<div class="articles_grid_thumb">
									<a href="blog-detail.html"><img src="assets/img/b-2.jpg" class="img-fluid" alt=""></a>
								</div>
								
								<div class="articles_grid_caption">
									<div class="mpd-date-wraps">					
										<span class="mpd-meta-date">10</span>
										<span class="mpd-meta-month">Jul</span>
									</div>
									<div class="blog-grid-cat ca-1">Banking</div>
									<h4>The National Minimum wage is an important part</h4>
									<div class="articles_grid_desc">
										<p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
									</div>
								</div>
								
								<div class="articles_grid_caption-footer">
									<div class="articles_grid_author">
										<div class="articles_grid_author_img"><img src="assets/img/user-3.jpg" class="img-fluid" alt=""></div>
										<h4>Adam Willsone</h4>
									</div>
									<div class="footer-flex-last">
										<a href="blog-detail.html" class="bl-detail-view">Read More</a>
									</div>
								</div>
								
							</div>
						</div>
						
						<!-- Single Slide -->
						<div class="col-lg-4 col-md-4 col-sm-12">
							<div class="articles_grid_style style-2">
								<div class="articles_grid_thumb">
									<a href="blog-detail.html"><img src="assets/img/b-3.jpg" class="img-fluid" alt=""></a>
								</div>
								
								<div class="articles_grid_caption">
									<div class="mpd-date-wraps">					
										<span class="mpd-meta-date">10</span>
										<span class="mpd-meta-month">Jul</span>
									</div>
									<div class="blog-grid-cat ca-2">Fitness</div>
									<h4>The National Minimum wage is an important part</h4>
									<div class="articles_grid_desc">
										<p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
									</div>
								</div>
								
								<div class="articles_grid_caption-footer">
									<div class="articles_grid_author">
										<div class="articles_grid_author_img"><img src="assets/img/user-4.jpg" class="img-fluid" alt=""></div>
										<h4>Retha Gloriya</h4>
									</div>
									<div class="footer-flex-last">
										<a href="blog-detail.html" class="bl-detail-view">Read More</a>
									</div>
								</div>
								
							</div>
						</div>
								
					</div>
					
				</div>
			</section>
			<!-- ============================ News Updates End ==================================== -->
			
			<!-- ============================ Call To Action Start ================================== -->
			<section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
				<div class="container">
					<div class="row justify-content-center">
					
						<div class="col-lg-7 col-md-8">
							<div class="clt-caption text-center mb-4">
								<h3>Subscribe Now!</h3>
								<p>Simple pricing plans. Unlimited web maintenance service</p>
							</div>
							<div class="inner-flexible-box subscribe-box">
								<div class="input-group">
									<input type="text" class="form-control large" placeholder="Enter your mail here">
									<button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
								</div>
							</div>
						</div>				
					</div>
				</div>
			</section>
			<!-- ============================ Call To Action End ================================== -->
			
			<!-- =========================== Footer Start ========================================= -->
			<footer class="dark-footer skin-dark-footer">
				<div>
					<div class="container">
						<div class="row">
							
							<div class="col-lg-4 col-md-6">
								<div class="footer-widget">
									<img src="assets/img/logo-light.png" class="img-fluid f-logo" width="120" alt="">
									<p>407-472 Rue Saint-Sulpice, Montreal<br>Quebec, H2Y 2V8</p>
									<ul class="footer-bottom-social">
										<li><a href="#"><i class="ti-facebook"></i></a></li>
										<li><a href="#"><i class="ti-twitter"></i></a></li>
										<li><a href="#"><i class="ti-instagram"></i></a></li>
										<li><a href="#"><i class="ti-linkedin"></i></a></li>
									</ul>
								</div>
							</div>		
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">FAQs Page</a></li>
										<li><a href="billing.html">Checkout</a></li>
										<li><a href="login.html">Login</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Developers</h4>
									<ul class="footer-menu">
										<li><a href="#">Booking</a></li>
										<li><a href="#l">Stays</a></li>
										<li><a href="#">Adventures</a></li>
										<li><a href="#">Author Detail</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">Jobs</a></li>
										<li><a href="#">Events</a></li>
										<li><a href="#">Press</a></li>
									</ul>
								</div>
							</div>
									
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="#">Support</a></li>
										<li><a href="contact.html">Contact Us</a></li>
										<li><a href="#">Privacy &amp; Terms</a></li>
									</ul>
								</div>
							</div>
							
						</div>
					</div>
				</div>
				
				<div class="footer-bottom">
					<div class="container">
						<div class="row align-items-center">
							
							<div class="col-lg-12 col-md-12 text-center">
								<p class="mb-0">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
							</div>
							
						</div>
					</div>
				</div>
			</footer>
			<!-- =========================== Footer End ========================================= -->
			
			<!-- Switcher Start -->
			<div class="w3-ch-sideBar w3-bar-block w3-card-2 w3-animate-right"  style="display:none;right:0;" id="rightMenu">
				<div class="_oli987">
					<h4 class="cart_heading">Your cart</h4>
					<button onclick="closeRightMenu()" class="w3-bar-item w3-button w3-large"><i class="ti-close"></i></button>
				</div>
				<div class="rightMenu-scroll">
					<div class="right-ch-sideBar" id="side-scroll">
						
						<div class="cart_select_items">
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-4.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Orio - Online Multipurpose WordPress Theme</h4>
									<span class="numberof_item">$59</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-3.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">LearnUp - Online LMS WordPress Theme</h4>
									<span class="numberof_item">$39</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-2.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Cario - Digital WordPress Theme</h4>
									<span class="numberof_item">$15x2</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
						</div>
						
						<div class="cart_subtotal">
							<h6>Subtotal<span class="theme-cl">$120.47</span></h6>
						</div>
						
						<div class="cart_action">
							<ul>
								<li><a href="" class="btn btn_checkout">Checkout Now</a></li>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
			
			<!-- Log In Modal -->
			<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="registermodal" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
					<div class="modal-content" id="registermodal">
						<div class="modal-header">
							<h4>Close Window</h4>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="ti-close"></i></span></button>
						</div>
						<div class="modal-body">
							<h4 class="modal-header-title">Sign <span class="theme-cl">In</span></h4>
							
							<div class="login-form">
								<form>
								
									<div class="form-group">
										<label>User Name</label>
										<div class="input-with-gray light">
											<input type="text" class="form-control" placeholder="Username">
										</div>
									</div>
									
									<div class="form-group">
										<label>Password</label>
										<div class="input-with-gray light">
											<input type="password" class="form-control" placeholder="*******">
										</div>
									</div>
									
									<div class="form-group">
										<button type="submit" class="btn theme-bg btn-md full-width pop-login">Login</button>
									</div>
								
								</form>
							</div>
							
							<div class="form-group text-center">
								<span>Or Signup with</span>
							</div>
							
							<div class="social_logs mb-4">
								<ul>
									<li class="fb-login"><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li class="gp-login"><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li class="ln-login"><a href="#"><i class="fa fa-linkedin"></i></a></li>
								</ul>
							</div>
							
						</div>
						<div class="modal-footer">
							<div class="mf-link"><i class="ti-user"></i>Haven't An Account?<a href="javascript:void(0)" class="theme-cl"> Sign Up</a></div>
							<div class="mf-forget"><a href="#"><i class="ti-help"></i>Forget Password</a></div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->		

		</div>
		<!-- ============================================================== -->
		<!-- End Wrapper -->
		<!-- ============================================================== -->

		<!-- ============================================================== -->
		<!-- All Jquery -->
		<!-- ============================================================== -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/select2.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/ion.rangeSlider.min.js"></script>
		<script src="assets/js/counterup.min.js"></script>
		<script src="assets/js/custom.js"></script>
		<!-- ============================================================== -->
		<!-- This page plugins -->
		<!-- ============================================================== -->
		
		<script>
			function openRightMenu() {
				document.getElementById("rightMenu").style.display = "block";
			}
			function closeRightMenu() {
				document.getElementById("rightMenu").style.display = "none";
			}
		</script>
		
	</body>
</html>